<admintpl file="header" />

<link href="__TMPL__Public/assets/css/infomation.css" rel="stylesheet" />
</head>
<body>
    <div class="wrap">
        <ul class="nav nav-tabs">
            <li><a href="{:U('PaymentReview/index')}">工程款支付报审表管理</a></li>
            <if condition="($Role eq 2) AND ($userrole['role'] eq 5)">
            	<li><a href="{:U('PaymentReview/add')}">新增工程款支付报审</a></li>
            </if>
            <li><a href="{:U('PaymentReview/view', array('id'=>I('request.id/s','')))}">查看工程款支付报审</a></li>
            <li class="active"><a href="{:U('PaymentReview/stepview', array('id'=>I('request.id/s','')))}">施工进度</a></li>
        </ul>
        <table class="table table-hover table-bordered">
            <thead>
                <tr>
                    <th colspan="22" style="font-size:20px;">杭州市中医院丁桥分院合同施工进度表</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td colspan="22">
						承包单位：杭州建工集团有限责任公司&nbsp;&nbsp;&nbsp;监理单位：浙江泛华工程监理有限公司&nbsp;&nbsp;&nbsp;合同号：GF-2013-020&nbsp;&nbsp;&nbsp;支付期号：17&nbsp;&nbsp;&nbsp;截至日期：2017年4月24日
                    </td>
                </tr>
                <tr>
                    <td colspan="9">建设单位：杭州市中医院</td>
                    <td width="50%" colspan="12">开工日期：2015 年 1 月 12 日，竣工日期：2018 年 10 月 22 日，合同期限 1380 天；合同总价33481万元，时间已过833天，占60.4%</td>
                </tr>
                <tr>
                    <td rowspan="2">序号</td>
                    <td rowspan="2">项目内容</td>
                    <td colspan="3">合同价及变更金额（万元）</td>
                    <td rowspan="2">累计完成工程量金额（万元）</td>
                    <td rowspan="2">累计完成%</td>
                    <td colspan="2">实际完成%</td>
                    <td rowspan="15" colspan="12" id="container"></td>
                </tr>
                <tr>
                    <td>合同金额</td>
                    <td>变更金额</td>
                    <td>变更后总金额</td>
                    <td>累计占合同金额</td>
                    <td>本期占合同金额</td>
                </tr>
                <foreach name="items" item="vo">
                    <tr>
                        <td>{$vo.id}</td>
                        <td>{$vo.item}</td>
                        <td>{$vo.contract}</td>
                        <td></td>
                        <td></td>
                        <td>{$vo.finish}</td>
                        <td>{$vo.percent}</td>
                        <td></td>
                        <td></td>
                    </tr>
                </foreach>
                <tr>
                	<td colspan="2">合计</td>
                	<td>33481</td>
                	<td></td>
                	<td></td>
                	<td>19667.1</td>
                	<td>58.7%</td>
                	<td></td>
                	<td></td>
                </tr>
                <tr>
                	<td colspan="6" rowspan="4">表示实际累计完成 表示本年度计划累计完成</td>
                	<td colspan="2" rowspan="2">实际完成</td>
                	<td>累计</td>
                    <foreach name="statistics.total" item="vo">
                    	<td>{$vo}</td>
                    </foreach>
                </tr>
                <tr>
                	<td>本月</td>
                    <foreach name="statistics.approved" item="vo">
                    	<td>{$vo}</td>
                    </foreach>
                </tr>
                <tr>
                	<td colspan="2" rowspan="2">计划完成</td>
                	<td>累计</td>
                    <td>1800</td>
                    <td>1800</td>
                    <td>3000</td>
                    <td>4200</td>
                    <td>5200</td>
                    <td>6000</td>
                    <td>7200</td>
                    <td>8400</td>
                    <td>9600</td>
                    <td>10900</td>
                    <td>12100</td>
                    <td>12900</td>
                </tr>
                <tr>
                	<td>本月</td>
                    <td>1800</td>
                    <td>0</td>
                    <td>1200</td>
                    <td>1200</td>
                    <td>1000</td>
                    <td>800</td>
                    <td>1200</td>
                    <td>1200</td>
                    <td>1200</td>
                    <td>1300</td>
                    <td>1200</td>
                    <td>800</td>
                </tr>
            </tbody>            
        </table>
        <div class="form-actions">
            <a class="btn btn-default" href="javascript:history.back(-1);">{:L('BACK')}</a>
        </div>   
    </div>
	<script src="https://code.highcharts.com/highcharts.js"></script>
    <script src="https://code.highcharts.com/modules/data.js"></script>
    <script src="https://code.highcharts.com/modules/exporting.js"></script>
    <script src="https://www.highcharts.com/media/com_demo/js/highslide-full.min.js"></script>
    <script src="https://www.highcharts.com/media/com_demo/js/highslide.config.js" charset='utf-8'></script>
	<link rel="stylesheet" type="text/css" href="https://www.highcharts.com/media/com_demo/css/highslide.css" />
    <script type="text/javascript">
			Highcharts.chart('container', {
				title: {
					text: '按月计划与实际完成 %'
				},
				subtitle: {
					text: '2017年'
				},
				xAxis: {
					tickInterval: 7 * 24 * 3600 * 1000,
					tickWidth: 0,
					gridLineWidth: 1,
					labels: {
						align: 'left',
						x: 3,
						y: -3
					}
				},
				yAxis: [{
					title: {
						text: null
					},
					labels: {
						align: 'left',
						x: 3,
						y: 16,
						format: '{value:.,0f}'
					},
					showFirstLabel: false
				}, {
					linkedTo: 0,
					gridLineWidth: 0,
					opposite: true,
					title: {
						text: null
					},
					labels: {
						align: 'right',
						x: -3,
						y: 16,
						format: '{value:.,0f}'
					},
					showFirstLabel: false
				}],
				legend: {
					align: 'left',
					verticalAlign: 'top',
					y: 20,
					floating: true,
					borderWidth: 0
				},
				tooltip: {
					shared: true,
					crosshairs: true
				},
				plotOptions: {
					series: {
						cursor: 'pointer',
						point: {
							events: {
								click: function (e) {
									hs.htmlExpand(null, {
										pageOrigin: {
											x: e.pageX || e.clientX,
											y: e.pageY || e.clientY
										},
										headingText: this.series.name,
										maincontentText: Highcharts.dateFormat('%A, %b %e, %Y', this.x) + ':<br/> ' +
											this.y + ' visits',
										width: 200
									});
								}
							}
						},
						marker: {
							lineWidth: 1
						}
					}
				},
				series: [{
					name: '累计',
					lineWidth: 4,
					marker: {radius: 4},
					data: {$total}  //[1,2,3,4,5,6,7,8,9,10,11,12]
				}, {
					name: '本月',
					lineWidth: 4,
					marker: {radius: 4},
					data: {$approved} //[2,3,4,5,6,7,8,9,10,11,12,13]
				}]
			});
    </script>
</body>
</html>